<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="keywords" content=""/>
		<meta name="description" content=""/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
		<link rel="stylesheet" type="text/css" href="css/index4.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper-4.3.3.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_729016_10da5rocko.css"/>
		
	
	</head>
	<body>
		
		<div class="mobile">
			
		<header>
			<div class="back">back</div>
				<div class="sel">
					<select name="城市">
					<option value="广州">广州</option>
					<option value="深圳">深圳</option>
					<option value="上海">上海</option>
				</select></div>
				<div class="BT">分类</div>
		</header>
		
		<section>
				<!-- Swiper
					轮播图
				-->
				  <div class="swiper-container">
				    <div class="swiper-wrapper">
				      <div class="swiper-slide">
				      	<!--第一页-->
				      	<div class="one">
				      		<div class="img"><img src="img/t26.png"/></div>
				      		<a href="">美食</a>
				      	</div>
				      	<div class="two">
				      		<div class="img"><img src="img/t27.png"/></div>
				      		<a href="">电影</a>
				      	</div>
				      	<div class="three">
				      		<div class="img"><img src="img/t28.png"/></div>
				      		<a href="">运动</a>
				      	</div>
				      	<div class="four">
				      		<div class="img"><img src="img/t29.png"/></div>
				      		<a href="">音乐</a>
				      	</div>
				      </div>
				      	<!--第二页-->
				      <div class="swiper-slide">
				      	<div class="one">
				      		<div class="img"><img src="img/t26.png"/></div>
				      		<a href="">美食</a>
				      	</div>
				      	<div class="two">
				      		<div class="img"><img src="img/t27.png"/></div>
				      		<a href="">电影</a>
				      	</div>
				      	<div class="three">
				      		<div class="img"><img src="img/t28.png"/></div>
				      		<a href="">运动</a>
				      	</div>
				      	<div class="four">
				      		<div class="img"><img src="img/t29.png"/></div>
				      		<a href="">音乐</a>
				      	</div>
				      </div>
				      	<!--第三页-->
				      <div class="swiper-slide">
				      	<div class="one">
				      		<div class="img"><img src="img/t26.png"/></div>
				      		<a href="">美食</a>
				      	</div>
				      	<div class="two">
				      		<div class="img"><img src="img/t27.png"/></div>
				      		<a href="">电影</a>
				      	</div>
				      	<div class="three">
				      		<div class="img"><img src="img/t28.png"/></div>
				      		<a href="">运动</a>
				      	</div>
				      	<div class="four">
				      		<div class="img"><img src="img/t29.png"/></div>
				      		<a href="">音乐</a>
				      	</div>
				      </div>
				    </div>
				    <!-- Add Pagination -->
				    <div class="swiper-pagination"></div>
				    
				<!--标题一食物-->
				<div class="title_one">
					<div class="title">
						<img class="title_left img_left" src="img/t30.png"/>
						<span class="title_left" >
							实物类
						</span>
						<img class="title_right img_right" src="img/jiantou.png"/>
						<p class="title_right ">
							更多
						</p>
					</div>
					<div class="food">
						<div class="food_img1"><img src="img/t31.png"/></div>
						<div class="food_img1"><img src="img/t32.png"/></div>
						<div class="food_img1"><img src="img/t33.png"/></div>
						<div class="food_img1"><img src="img/t34.png"/></div>
					</div>
				</div>    
				<!--标题二体育-->
				<div class="title_two">
					<div class="title">
						<img class="title_left img_left" src="img/t39.png"/>
						<span class="title_left" >
							运动类
						</span>
						<img class="title_right img_right" src="img/jiantou.png"/>
						<p class="title_right ">
							更多
						</p>
					</div>
					
					<div class="food">
						<div class="food_img1"><img src="img/t17.png"/></div>
						<div class="food_img1"><img src="img/t35.png"/></div>
						<div class="food_img1"><img src="img/t36.png"/></div>
						<div class="food_img1"><img src="img/t37.png"/></div>
					</div>
				</div>  
				
				<!--标题三电影-->
				<div class="title_three">
					<div class="title">
						<img class="title_left img_left" src="img/t40.png"/>
						<span class="title_left" >
							电影类
						</span>
						<img class="title_right img_right" src="img/jiantou.png"/>
						<p class="title_right ">
							更多
						</p>
					</div>
					
					<div class="food">
						<div class="food_img1"><img src="img/t38.png"/></div>
						<div class="food_img1"><img src="img/t39.png"/></div>
						<div class="food_img1"><img src="img/t38.png"/></div>
						<div class="food_img1"><img src="img/t39.png"/></div>
					</div>
				</div>
			
		</section>
		<footer>
				<ul class="clear_fix">
					<li>
						<a href=""  class="iconfont icon-home"><img  src=""/></a>
						<a href="">首页</a>
					</li>
					<li>
						<a href="" class="iconfont icon-icon--"><img  src=""/></a>
						<a href="">发现</a>
					</li>
					<li>
						<a href="" class="iconfont icon-faxian"><img class="iconfont icon-home"/></a>
						<a href="">分类</a>
					</li>
					<li>
						<a href="" class="iconfont icon-02"><img src=""/></a>
						<a href="">我的</a>
					</li>
				</ul>
			</footer>
		</div>
	</body>
	<script type="text/javascript" src="js/swiper-4.3.3.min.js"></script>
</html>
